/*
 * @Author: 
 * @Date: 2022-01-25 17:32:52
 * @LastEditors: lqj
 * @LastEditTime: 2022-02-10 14:21:26
 * @Description: 请填写简介
 */
import React, { Component } from 'react'
// import MyRouter from './router'
import {
   Link,
  // BrowserRouter,
  // HashRouter,
  // Route,
  // Routes,
  Outlet
} from 'react-router-dom'
import HeaderBar from '../components/Header/Header'
export default class App extends Component {
  componentDidMount() {
  }
  render() {
    return (
      <>
        <div className="">
          <div className="">
            <HeaderBar />
          </div>
        </div>
        <div className="">
          <div className="">
            <div className="list-group">
              <Link className="list-group-item active" to="/">hello</Link>
              {/* 路由传参：url拼接 */}
              <Link className="list-group-item" to="/about/345">About</Link>
              <Link className="list-group-item" to="/about">About2</Link>
              <Link className="list-group-item" to="/todoList">TodoList</Link>
              <Link className="list-group-item" to="/getDate">GetData</Link>
              <Link className="list-group-item" to="/githubSearch">GithubSearch</Link>
              {/* 路由传参：在？携带及获取参数 */}
              <Link className="list-group-item" to="/githubSearchPubSub?id=123">GithubSearchPubSub</Link>
              <Link className="list-group-item" to="/githubSearchFetch">GithubSearchFetch</Link>
            </div>
          </div>
          <div className="">
            <div className="panel">
              <div className="panel-body">
                <Outlet/>
              </div>
            </div>
          </div>
        </div>
      </>
    )
  }
}
